<template>
  <div class="replay">
    <canvas class="canvas"></canvas>
    <div class="replay-clear" @click.stop="clearCanvas">清空</div>
    <div class="replay-previous" @click.stop="previous">回放</div>
  </div>
</template>

<script lang="ts" setup name="Replay">
import useDraw from './'
const { clearCanvas, previous } = useDraw('.canvas')
</script>

<style lang="scss" scoped>
.replay {
  canvas {
    border: 2px solid pink;
  }
}
</style>
